<template>
    <div class="app-container" v-loading.fullscreen.lock="fullLoading">

        <div class="sign">
            <ol>
                <li>
                    一等奖学金：平均学分绩班级排名前3%，学年综合素质测评班级排名前50%；
                </li>
                <li>
                    二等奖学金：平均学分绩级排名前6%，学年综合素质测评班级排名前50%；
                </li>
                <li>
                    三等奖学金：平均学分绩班级排名前9%，学年综合素质测评班级排名前50%
                </li>
                <li>
                    <span @click="lookMore"
                        style="text-decoration: underline;color: lightskyblue;cursor: pointer;">查看更多</span>
                </li>
            </ol>
        </div>

        <el-row :gutter="10" class="mb8">
            <el-col :span="1.5">
                <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="addVClick">我要申请</el-button>
            </el-col>
            <el-col :span="1.5">
                <el-button type="primary" plain icon="el-icon-view" size="mini"
                    @click="myScoreVClick()">查看我的成绩</el-button>
            </el-col>
            <el-col :span="1.5">
                <el-button type="primary" plain icon="el-icon-view" size="mini"
                    @click="iamVClick()">查看我的思想品德</el-button>
            </el-col>
        </el-row>

        <el-table v-loading="loading" :data="table_data">
            <el-table-column label="奖项" prop="typeName" align="center" />
            <el-table-column label="申请状态" align="center">
                <template slot-scope="scope">
                    <dict-tag :options="dict.type.audius_detail_type" :value="scope.row.applyStatus" />
                </template>
            </el-table-column>
            <el-table-column label="提交时间" prop="createTime" align="center" />
            <el-table-column label="操作" align="center">
                <template slot-scope="scope">
                    <el-button type="text" size="mini" icon="el-icon-view"
                        @click="lookVClick(scope.row)">查看详情</el-button>
                    <el-button v-if="scope.row.applyStatus == '1'" type="text" size="mini" icon="el-icon-close"
                        @click="cancelVClick(scope.row)">取消申请</el-button>
                    <el-button v-if="scope.row.applyStatus == '10'" type="text" size="mini" icon="el-icon-refresh"
                        @click="refreshVClick(scope.row)">重新提交</el-button>

                </template>
            </el-table-column>
        </el-table>

        <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum"
            :limit.sync="queryParams.pageSize" @pagination="getList" />


        <el-dialog title="申请学业奖学金" :visible.sync="addV" width="600px">

            <el-form label-width="160px">
                <el-row>
                    <el-col :span="24">
                        <el-form-item label="奖项">
                            <el-select v-model="addForm.typeCode" size="mini" class="addForm-input">
                                <el-option v-for="(v, i) in can_list" :key="i" :label="v.typeName"
                                    :value="v.typeCode"></el-option>
                            </el-select>
                        </el-form-item>
                        <el-form-item label="政治面貌">
                            <el-input size="mini" class="addForm-input" v-model="addForm.zzmm"
                                placeholder="请输入政治面貌(例如：群众、共青团员)"></el-input>
                        </el-form-item>
                        <el-form-item label="职务">
                            <el-input size="mini" class="addForm-input" v-model="addForm.classPost"
                                placeholder="请输入职务(例如：班长，没有填 无)"></el-input>
                        </el-form-item>
                        <el-form-item label="中国农业银行银行卡号">
                            <el-input size="mini" class="addForm-input" v-model="addForm.bankCard"
                                placeholder="请输入中国农业银行银行卡号"></el-input>
                        </el-form-item>
                        <el-form-item label="开户行">
                            <el-input size="mini" class="addForm-input" v-model="addForm.bankAddr"
                                placeholder="例如：中国农业银行南宁望州支行"></el-input>
                        </el-form-item>
                        <el-form-item label="获奖情况">
                            <el-input type="textarea" :maxlength="1000" :autosize="{ minRows: 10, maxRows: 10 }"
                                class="addForm-input" v-model="addForm.goodHis" placeholder="请输入获奖情况"></el-input>
                        </el-form-item>
                        <el-form-item label="主要事迹">
                            <el-input type="textarea" :maxlength="1000" :autosize="{ minRows: 10, maxRows: 10 }"
                                class="addForm-input" v-model="addForm.mainHis"
                                placeholder="请输入主要事迹，字数100字以上"></el-input>
                        </el-form-item>
                        <el-form-item label="">
                            <el-button type="primary" size="mini" @click="doApply">提交申请</el-button>
                        </el-form-item>
                    </el-col>

                </el-row>

            </el-form>
        </el-dialog>

        <el-dialog :visible.sync="lookV" title="查看详情" fullscreen>
            <el-form label-width="160px">
                <el-row>
                    <el-col :span="12">
                        <el-form-item label="政治面貌">
                            <el-input size="mini" class="addForm-input" v-model="lookForm.zzmm" readonly></el-input>
                        </el-form-item>
                        <el-form-item label="职务">
                            <el-input size="mini" class="addForm-input" v-model="lookForm.classPost"
                                readonly></el-input>
                        </el-form-item>
                        <el-form-item label="中国农业银行银行卡号">
                            <el-input size="mini" class="addForm-input" v-model="lookForm.bankCard" readonly></el-input>
                        </el-form-item>
                        <el-form-item label="开户行">
                            <el-input size="mini" class="addForm-input" v-model="lookForm.bankAddr" readonly></el-input>
                        </el-form-item>
                        <el-form-item label="获奖情况">
                            <el-input type="textarea" :autosize="{ minRows: 10, maxRows: 10 }" class="addForm-input"
                                v-model="lookForm.goodHis" readonly></el-input>
                        </el-form-item>
                        <el-form-item label="主要事迹">
                            <el-input type="textarea" :autosize="{ minRows: 10, maxRows: 10 }" class="addForm-input"
                                v-model="lookForm.mainHis" readonly></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="辅导员审核意见" v-if="!isEmpty(lookForm.fdyComment)">
                            <el-input type="textarea" :autosize="{ minRows: 10, maxRows: 10 }" class="addForm-input"
                                v-model="lookForm.fdyComment" readonly></el-input>
                        </el-form-item>
                        <el-form-item label="学院审核意见" v-if="!isEmpty(lookForm.deptComment)">
                            <el-input type="textarea" :autosize="{ minRows: 10, maxRows: 10 }" class="addForm-input"
                                v-model="lookForm.deptComment" readonly></el-input>
                        </el-form-item>
                        <el-form-item label="学工审核意见" v-if="!isEmpty(lookForm.finalComment)">
                            <el-input type="textarea" :autosize="{ minRows: 10, maxRows: 10 }" class="addForm-input"
                                v-model="lookForm.finalComment" readonly></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
            </el-form>
        </el-dialog>

        <el-dialog :visible.sync="myScoreV" title="我的成绩" width="900px">
            <el-table :data="score_list">
                <el-table-column label="学年" prop="stuYearName" align="center" />
                <el-table-column label="平均学分绩" prop="stuScore" align="center" />
                <el-table-column label="综合素质总成绩" prop="cphScore" align="center" />
                <el-table-column label="体能测试成绩" prop="sportScore" align="center" />
                <el-table-column label="平均学分绩班级排名" align="center">
                    <template slot-scope="scope">
                        {{ scope.row.stuClassRank + '/' + scope.row.classCount }}
                    </template>
                </el-table-column>
                <el-table-column label="综合素质总成绩班级排名" align="center">
                    <template slot-scope="scope">
                        {{ scope.row.cphClassRank + '/' + scope.row.classCount }}
                    </template>
                </el-table-column>
                <el-table-column label="平均学分绩班级排名百分比" align="center">
                    <template slot-scope="scope">
                        {{ Math.round(scope.row.stuClassRank / scope.row.classCount * 10000) / 100 + "%" }}
                    </template>
                </el-table-column>
                <el-table-column label="学年综合素质测评班级排名百分比" align="center">
                    <template slot-scope="scope">
                        {{ Math.round(scope.row.cphClassRank / scope.row.classCount * 10000) / 100 + "%" }}
                    </template>
                </el-table-column>
            </el-table>
            <el-table :data="count_list">
                <el-table-column label="学年" prop="stuYearName" align="center" />
                <el-table-column label="课程总门数" prop="courseCount" align="center" />
                <el-table-column label="通过门数" prop="passCount" align="center" />
                <el-table-column label="未通过门数" prop="unpassCount" align="center" />
            </el-table>


            <el-table :data="course_list" v-loading="course_loading">
                <el-table-column label="学期" prop="termName" align="center" />
                <el-table-column label="课程" prop="courseName" align="center" />
                <el-table-column label="成绩" prop="courseScore" align="center" />
                <el-table-column label="是否通过" align="center">
                    <template slot-scope="scope">
                        {{ scope.row.isPass == "true" ? "通过" : "未通过" }}
                    </template>
                </el-table-column>
            </el-table>
            <pagination v-show="courseTotal > 0" :total="courseTotal" :page.sync="courseParams.pageNum"
                :limit.sync="courseParams.pageSize" @pagination="listOwnCourseScore" />
        </el-dialog>

        <el-dialog :visible.sync="iamV" title="我的思想品德">
            <el-table :data="iam_count">
                <el-table-column label="学年" prop="stuYearName" align="center" />
                <el-table-column label="总记录数" prop="iamCount" align="center" />
                <el-table-column label="加分数" prop="addCount" align="center" />
                <el-table-column label="扣分数" prop="minusCount" align="center" />
            </el-table>
        </el-dialog>

        <el-dialog :visible.sync="lookMoreV">
            <MoreDetail></MoreDetail>
        </el-dialog>


        <el-dialog title="重新提交" :visible.sync="refreshV" width="600px">

            <el-form label-width="160px">
                <el-row>
                    <el-col :span="24">
                        <el-form-item label="奖项">
                            <el-select v-model="refreshForm.typeCode" size="mini" class="addForm-input">
                                <el-option v-for="(v, i) in can_list" :key="i" :label="v.typeName"
                                    :value="v.typeCode"></el-option>
                            </el-select>
                        </el-form-item>
                        <el-form-item label="政治面貌">
                            <el-input size="mini" class="addForm-input" v-model="refreshForm.zzmm"
                                placeholder="请输入政治面貌(例如：群众、共青团员)"></el-input>
                        </el-form-item>
                        <el-form-item label="职务">
                            <el-input size="mini" class="addForm-input" v-model="refreshForm.classPost"
                                placeholder="请输入职务(例如：班长，没有填 无)"></el-input>
                        </el-form-item>
                        <el-form-item label="中国农业银行银行卡号">
                            <el-input size="mini" class="addForm-input" v-model="refreshForm.bankCard"
                                placeholder="请输入中国农业银行银行卡号"></el-input>
                        </el-form-item>
                        <el-form-item label="开户行">
                            <el-input size="mini" class="addForm-input" v-model="refreshForm.bankAddr"
                                placeholder="例如：中国农业银行南宁望州支行"></el-input>
                        </el-form-item>
                        <el-form-item label="获奖情况">
                            <el-input type="textarea" :maxlength="1000" :autosize="{ minRows: 10, maxRows: 10 }"
                                class="addForm-input" v-model="refreshForm.goodHis" placeholder="请输入获奖情况"></el-input>
                        </el-form-item>
                        <el-form-item label="主要事迹">
                            <el-input type="textarea" :maxlength="1000" :autosize="{ minRows: 10, maxRows: 10 }"
                                class="addForm-input" v-model="refreshForm.mainHis"
                                placeholder="请输入主要事迹，字数100字以上"></el-input>
                        </el-form-item>
                        <el-form-item label="">
                            <el-button type="primary" size="mini" @click="reApply">提交申请</el-button>
                        </el-form-item>
                    </el-col>

                </el-row>

            </el-form>
        </el-dialog>



    </div>
</template>
<script>

import {
    listXyjxjCanType, listTermByYear, applyXyjxj, listOwnXyjxjApply, listOwnScoreClassRank
    , listOwnYearCourseScore, countOwnPass, countOwnIam, getOwnPassCountByCode, getOwnIamCountByCode
    , cancelOwnApply, getOwnRankByCode, reApply
} from "@/api/stuCQS/good/apply";
import { isEmpty } from "@/api/helpFunc";
import lodash from "lodash";

import { alipayVali } from "@/api/helpFunc/bank";
import MoreDetail from "@/views/stuCQS/good/MoreDetail.vue";

export default {
    name: "xyjxy-apply",
    dicts: ['audius_detail_type'],
    components: {
        MoreDetail
    },
    data() {
        return {
            isEmpty,
            can_list: [],
            addV: false,
            addForm: {
                typeCode: null,
                zzmm: "",
                classPost: "",
                bankCard: "",
                bankAddr: "",
                goodHis: "",
                mainHis: "",
                bornTime: "",
                material: null
            },
            term_list: [],
            fullLoading: false,

            queryParams: {
                pageNum: 1,
                pageSize: 10
            },
            total: 0,
            loading: false,
            table_data: [],

            lookV: false,
            lookForm: {},
            //附件
            material_list: [],

            score_list: [],
            myScoreV: false,
            course_list: [],
            courseParams: {
                pageNum: 1,
                pageSize: 10
            },
            courseTotal: 0,
            course_loading: false,

            count_list: [],

            iamV: false,
            iam_count: [],

            cantApply: true,

            lookMoreV: false,
            lookMorefileSrc: "@/assets/file/detail.pdf",

            refreshForm: {},
            refreshV: false,
            cancelForm: {
                id: null,
                reason: ""
            }
        }
    },
    created() {
        this.listCan();
        this.getList();
        this.initTerm();
    },
    methods: {
        async reApply() {
            let sdata = { ...this.refreshForm };
            if (isEmpty(sdata.typeCode)) {
                this.$message.info("请选择奖项");
                return;
            }
            if (isEmpty(sdata.zzmm)) {
                this.$message.info("请填写政治面貌");
                return;
            }
            if (isEmpty(sdata.classPost)) {
                this.$message.info("请填写职务");
                return;
            }
            if (isEmpty(sdata.bankCard)) {
                this.$message.info("请填写中国农业银行银行卡号");
                return;
            }
            if (isEmpty(sdata.bankAddr)) {
                this.$message.info("请填写开户行");
                return;
            }
            if (isEmpty(sdata.goodHis)) {
                this.$message.info("请填写获奖记录");
                return;
            }
            if (isEmpty(sdata.mainHis)) {
                this.$message.info("请填写主要事迹");
                return;
            }
            if (sdata.mainHis.length < 100) {
                this.$message.info("主要事迹字数需要100字以上");
                return;
            }

            let card = sdata.bankCard;
            let boolCard = await alipayVali(card);
            //console.log(boolCard);
            if (boolCard.validated == false) {
                this.$message.info("请输入正确的银行卡号");
                return;
            }

            if (boolCard.bank != "ABC") {
                this.$message.info("请输入正确的中国农业银行银行卡号");
                return;
            }

            this.fullLoading = true;
            sdata.applyId = sdata.id;
            let res = await reApply(sdata);
            this.fullLoading = false;
            if (res.code == 200) {
                this.refreshV = false;
                this.resetAddForm();
                this.$message.success(res.msg);
                this.getList();
            }
        },
        refreshVClick(v) {
            this.refreshForm = { ...v };
            this.refreshV = true;
        },

        lookMore() {
            this.lookMoreV = true;
            window.open("http://zhxg.gxsdxy.cn/file/pypxnotify.pdf");
        },
        cancelVClick(v) {
            if (v != null) {
                let id = v.id;
                if (!isEmpty(id)) {

                    this.$prompt('清输入取消理由', '提示', {
                        confirmButtonText: '确定',
                        cancelButtonText: '取消',
                        inputPattern: /^.+$/,
                        inputErrorMessage: '不能为空'
                    }).then(async ({ value }) => {
                        let sdata = {
                            id: id,
                            reason: value
                        };
                        this.fullLoading = true;
                        let res = await cancelOwnApply(sdata);
                        this.fullLoading = false;
                        if (res.code == 200) {
                            this.$message.success(res.msg);
                            this.getList();
                        }

                    }).catch(() => {
                        this.$message({
                            type: 'info',
                            message: '取消输入'
                        });
                    });

                }
            }
        },
        async changeType(v) {
            if (!isEmpty(v)) {
                let res1 = await getOwnPassCountByCode(v);
                let bool = false;
                if (res1.code == 200) {
                    let data1 = res1.data;
                    if (data1.unpassCount != 0) {
                        bool = true;
                        this.$message.info("您有课程成绩没通过，不能参加评优评先哦");
                    }
                    let res2 = await getOwnIamCountByCode(v);

                    if (res2.code == 200) {
                        let data2 = res2.data;
                        if (isEmpty(data2)) {
                            data2 = {
                                minusCount: 0
                            }
                        }
                        if (data2.minusCount != 0) {
                            bool = true;
                            this.$message.info("您有思想品德扣分项，不能参加评优评先哦");
                        }

                        if (data1.unpassCount == 0 && data2.minusCount == 0) {
                            let res3 = await getOwnRankByCode(v);
                            if (res3.code == 200) {
                                if (!isEmpty(res3.data)) {
                                    let rankData = res3.data;
                                    let classCount = rankData.classCount;
                                    let cphClassRank = rankData.cphClassRank;
                                    let stuClassRank = rankData.stuClassRank;

                                    let cphPer = Math.round(cphClassRank / classCount * 10000) / 100;
                                    let stuPer = Math.round(stuClassRank / classCount * 10000) / 100;

                                    if (cphPer > 50) {
                                        console.log(358, "你的综合素质成绩排名百分比不符合申请的要求")
                                        this.$message.info("你的综合素质成绩排名百分比不符合申请的要求");
                                        bool = true;
                                    }

                                    let wantCode = v;

                                    let first = "YDXYJXJ";
                                    let second = "EDXYJXJ";
                                    let third = "SDXYJXJ";


                                    if (wantCode.search(first) != -1) {
                                        if (stuPer > 3) {
                                            console.log(372, "你的平均学分绩排名百分比不符合申请的要求");
                                            this.$message.info("你的平均学分绩排名百分比不符合申请的要求");
                                            bool = true;
                                        } else {
                                            if (cphPer > 50) {
                                                bool = true;
                                            } else {
                                                bool = false;
                                            }
                                        }
                                    } else if (wantCode.search(second) != -1) {
                                        if (stuPer > 6) {
                                            console.log(385, "你的平均学分绩排名百分比不符合申请的要求");
                                            this.$message.info("你的平均学分绩排名百分比不符合申请的要求");
                                            bool = true;
                                        } else {
                                            if (cphPer > 50) {
                                                bool = true;
                                            } else {
                                                bool = false;
                                            }
                                        }
                                    } else if (wantCode.search(third) != -1) {
                                        if (stuPer > 9) {
                                            console.log(398, "你的平均学分绩排名百分比不符合申请的要求");
                                            this.$message.info("你的平均学分绩排名百分比不符合申请的要求");
                                            bool = true;
                                        } else {
                                            if (cphPer > 50) {
                                                bool = true;
                                            } else {
                                                bool = false;
                                            }
                                        }
                                    } else {
                                        bool = true;
                                    }

                                } else {
                                    bool = true;
                                }
                            } else {
                                bool = true;
                            }
                        } else {
                            this.addForm.typeCode = null;
                        }
                    }
                }
                console.log(bool)

                if (bool) {
                    this.addForm.typeCode = null;
                }

                this.cantApply = bool;

            }
        },
        iamVClick() {
            this.countOwnIam();
            this.iamV = true;
        },
        async countOwnIam() {
            let res = await countOwnIam();
            if (res.code == 200) {
                this.iam_count = res.data;
            }
        },

        async countOwnPass() {
            let res = await countOwnPass();
            if (res.code == 200) {
                this.count_list = [...res.data];
                console.log(this.count_list)
            }
        },
        async listOwnCourseScore() {
            this.course_loading = true;
            let res = await listOwnYearCourseScore(this.courseParams);
            this.course_loading = false;

            if (res.code == 200) {
                this.course_list = [...res.rows];
                this.courseTotal = res.total;
            }
        },
        async listOwnScoreClassRank() {
            let res = await listOwnScoreClassRank();
            if (res.code == 200) {
                this.score_list = lodash.cloneDeep(res.data);
            }
        },

        myScoreVClick() {
            this.countOwnPass();
            this.listOwnScoreClassRank();
            this.listOwnCourseScore();
            this.myScoreV = true;
        },

        lookVClick(v) {
            this.lookForm = lodash.cloneDeep(v);
            if (!isEmpty(this.lookForm.material)) {
                this.material_list = this.lookForm.material.split(",");
            }
            this.lookV = true;
        },


        async getList() {
            this.loading = true;
            let res = await listOwnXyjxjApply(this.queryParams);
            this.loading = false;

            if (res.code == 200) {
                this.table_data = lodash.cloneDeep(res.rows);
            }
        },


        async listCan() {
            let res = await listXyjxjCanType();
            if (res.code == 200) {
                this.can_list = lodash.cloneDeep(res.data);
            }
        },
        async initTerm() {
            let res1 = await listXyjxjCanType();
            if (res1.code == 200) {
                let data = lodash.cloneDeep(res1.data);
                if (!isEmpty(data) && data != []) {
                    let year = data[0].stuYearId;
                    let res2 = await listTermByYear(year);
                    if (res2.code == 200) {
                        this.term_list = lodash.cloneDeep(res2.data);
                    }
                }
            }

        },
        async addVClick() {
            let cans = [...this.can_list];
            if (cans.length == 0) {
                return;
            } else {
                let code = cans[0].typeCode;

                let res1 = await getOwnPassCountByCode(code);
                if (res1.code == 200) {
                    if (isEmpty(res1.data)) {
                        this.$message.info("您当前学年的课程成绩暂未结算");
                        return;
                    }

                    let data1 = res1.data;

                    if (data1.unpassCount != 0) {
                        this.$message.info("您有课程成绩没通过，不能参加评优评先哦");
                        return;
                    }
                }

                let res2 = await getOwnIamCountByCode(code);
                if (res2.code == 200) {
                    let data2 = res2.data;
                    if (isEmpty(data2)) {
                        data2 = {
                            minusCount: 0
                        }
                    }
                    if (data2.minusCount != 0) {
                        this.$message.info("您有思想品德扣分项，不能参加评优评先哦");
                        return;
                    }
                }

                let res3 = await getOwnRankByCode(code);
                if (res3.code == 200) {
                    if (!isEmpty(res3.data)) {
                        let rankData = res3.data;
                        let classCount = rankData.classCount;
                        let cphClassRank = rankData.cphClassRank;
                        let stuClassRank = rankData.stuClassRank;

                        let cphPer = Math.round(cphClassRank / classCount * 10000) / 100;
                        let stuPer = Math.round(stuClassRank / classCount * 10000) / 100;

                        if (cphPer > 50) {
                            this.$message.info("你的综合素质成绩排名不达标");
                            return;
                        }

                        if (stuPer > 12) {
                            this.$message.info("你的平均学分绩排名不达标");
                            return;
                        }
                    }
                }
            }

            this.addV = true;
        },
        async doApply() {
            let sdata = lodash.cloneDeep(this.addForm);

            if (isEmpty(sdata.typeCode)) {
                this.$message.info("请选择奖项");
                return;
            }
            if (isEmpty(sdata.zzmm)) {
                this.$message.info("请填写政治面貌");
                return;
            }
            if (isEmpty(sdata.classPost)) {
                this.$message.info("请填写职务");
                return;
            }
            if (isEmpty(sdata.bankCard)) {
                this.$message.info("请填写中国农业银行银行卡号");
                return;
            }
            if (isEmpty(sdata.bankAddr)) {
                this.$message.info("请填写开户行");
                return;
            }
            if (isEmpty(sdata.goodHis)) {
                this.$message.info("请填写获奖记录");
                return;
            }
            if (isEmpty(sdata.mainHis)) {
                this.$message.info("请填写主要事迹");
                return;
            }
            if (sdata.mainHis.length < 100) {
                this.$message.info("主要事迹字数需要100字以上");
                return;
            }

            let card = sdata.bankCard;
            let boolCard = await alipayVali(card);
            //console.log(boolCard);
            if (boolCard.validated == false) {
                this.$message.info("请输入正确的银行卡号");
                return;
            }

            if (boolCard.bank != "ABC") {
                this.$message.info("请输入正确的中国农业银行银行卡号");
                return;
            }


            this.fullLoading = true;
            let res = await applyXyjxj(sdata);
            this.fullLoading = false;
            if (res.code == 200) {
                this.addV = false;
                this.resetAddForm();
                this.$message.success(res.msg);
                this.getList();
            }
        },
        resetAddForm() {
            this.addForm = {
                typeCode: null,
                zzmm: "",
                classPost: "",
                bankCard: "",
                bankAddr: "",
                goodHis: "",
                mainHis: "",
                bornTime: "",
                material: null
            }
        }

    }
}
</script>
<style lang="scss" scoped>
.addForm-input {
    width: 400px;
}

.el-form-item {
    margin-bottom: 0px;
}

.sign {
    width: 100%;
    border: 1px solid rgb(163, 211, 255);
    font-size: small;
    margin-bottom: 10px;
    border-radius: 2px;
}
</style>